@import (reference) "~weaver-mobile/dist/weaver-mobile.less";
.wf-location-field {

    padding-top: 10 * @hd;
    padding-bottom: 10 * @hd;

    .locationIcon {
        color: #55B1F9;
        width: 12 * @hd;
        height: 15 * @hd;
    }

    .locationIcon-readonly {
        color: #868686;
        width: 12 * @hd;
        height: 15 * @hd;
    }

    .loadingIcon {
        width: 12.5 * @hd;
        height: 12.5 * @hd;
    }

    .location {
        display: inline-block;
        width: 20 * @hd;
        vertical-align: top;
    }

    .address {
        display: inline-block;
        max-width: calc(100% - 12 * @hd);
        .track {
            margin-top: 6 * @hd;
            color: #55B1F9;
        }
    }
}

.wf-location-map {

    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    .amap-zoomcontrol {
      bottom: 0 !important;
    }
    .amap-toolbar-geo {
        display: none !important;
    }

        position: relative;
        
        .wm-map-page-pois {
            .am-list-content {
                
                color: #61A8F5 !important;
                font-size: 17 * @hd !important;
                padding-right: 0 * @hd;
                height: auto;
                white-space: unset;
                word-break: break-all;

                .am-list-brief {
                    font-size: 14 * @hd;
                    color: black !important;
                    white-space : unset;
                    word-break: break-all;
                }
            }
        }

    .wea-marker-icon {
        .am-icon {
            height: 36 * @hd !important;
        }

        .position-red {
            color: #FF0000;
        }

        .position-blue {
            color: #61A8F5;
        }
    }

    .wf-location-map-container {
        position: relative;
        flex: 1 1;
    }

    .locationButton {
        background: #fff 50% 50% no-repeat;
        width: 35 * @hd;
        height: 88 * @hd;
        border: 1 * @hd solid #ccc;
        border-radius: 3 * @hd;
        left: 4 * @hd;
        position: absolute;
        bottom: 32 * @hd;

        .positionIcon {
            color: #55b1f9;
            margin-left: 6 * @hd;
            margin-top: 20 * @hd;
        }

        .filterIcon {
            color: #55b1f9;
            margin-left: 6 * @hd;
            margin-top: 9 * @hd;
        }
    }

    .nodeInfo {

        // height: 140 * @hd;
        // padding-bottom: 8 * @hd;

        .am-list-item {
            .am-list-line {
                padding-right: 0 * @hd;
            }

            .am-list-content {
                
                color: #61A8F5 !important;
                font-size: 17 * @hd !important;
                padding-right: 0 * @hd;
                height: auto;
                white-space: unset;
                word-break: break-all;
            }

            .am-list-brief {
                color: black;
                font-size: 14 * @hd;
                white-space : unset;
                word-break: break-all;
            }
        }

        .node-name {
            color: #61A8F5;
            font-size: 17 * @hd;
        }

        .content {
            padding: 11 * @hd 0 * @hd 32 * @hd 11 * @hd;

            .operatorimg {
                width: 40 * @hd;
                height: 40 * @hd;
                border-radius: 20 * @hd;
                float: left;
            }

            .operatorInfo {
                float: left;
                padding-left: 10 * @hd;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                @diff: 70 * @hd;
                max-width: calc(~"100% - @{diff}");
                color: #868686;

                .operatorname {
                    color: black;
                }

                .operatordep {
                    margin-left: 10 * @hd;
                }

            }

            .operatortime {
                float: left;
                padding-left: 10 * @hd;
                margin-top: 6 * @hd;

                .am-icon-blog-bujiao {
                    height: 15 * @hd;
                    width: 15 * @hd;
                    color: #868686;
                    vertical-align: bottom;
                }

                .operatortime-span {
                    margin-left: 8 * @hd;
                }
            }
        }

        .close{
            height: 20 * @hd;
            width: 20 * @hd;
            padding: 4 * @hd;
            float: right;
            cursor: pointer;
            color: #B2B2B2;
          }
    }
}

.wf-location-map-node-filter {
    // height: 50%;

    .am-action-sheet-content {
        margin: 0;

        .am-action-sheet-button-list {
            text-align: unset;
            color: unset;

            .am-action-sheet-button-list-main {
                border-radius: 0;
            }
            .am-action-sheet-button-list-item {
                height: auto;
                line-height: inherit;
                font-size: 14 * @hd;
            }
            .am-action-sheet-button-list-item-active {
                background: @fill-base;
            }
            .am-action-sheet-button-list-cancel {
                display: none;
            }
        }
      }

      .wf-location-map-node-filter-content {

        .wf-location-map-node-filter-top {

            position: relative;

            .am-icon-cross {
                position: absolute;
                right: 10 * @hd;
                bottom: 10 * @hd;
                color: #B2B2B2;
            }

            .wf-location-map-node-filter-title {
                text-align: center;
                line-height: 40 * @hd;
                height: 40 * @hd;
                border-bottom: 1 * @hd solid #eaeaea;
            }
        }

        .wf-location-map-node-filter-showall {
            height: 50 * @hd;
            line-height: 50 * @hd;
            margin-left: 10 * @hd;
        }

        .wf-location-map-node-filter-split {
            height: 8 * @hd;
            background-color: #f2f7ff;
        }

        .wf-location-map-node-filter-nodelist {

            height: 268 * @hd;
            overflow-y: auto;

            .wf-location-map-node-filter-nodeitem {

                // height: 40 * @hd;
                border-bottom: 1 * @hd solid #eaeaea;
                padding: 15 * @hd 0;
                position: relative;
                
                .wf-location-map-node-filter-nodeitem-flownum {
                    margin-left: 10 * @hd;
                    display: inline-block;
                    vertical-align: top;
                }
        
                .wf-location-map-node-filter-nodeitem-nodename {
                    display: inline-block;
                    @diff: 80 * @hd;
                    max-width: calc(~"100% - @{diff}");
                    padding-left: 50 * @hd;
                }
              }
        }
      }
}